博客的断、舍、离

·No AI完全由人类大脑和双手完成,没有任何AI参与

最近在看山下英子的:《断舍离》,书中的理念算是比较深入人心,例如:

斩“断”物欲

“舍”弃废物

脱“离”执念

而且与此同时,我正打算力行极简的生活执念,于是先从我的博客断舍离大删减中,逐步体验了极简生活的实践。

以下一些言论仅代表我个人观点,并非特指某些博客,如有雷同,纯属巧合。

代码的精简

因为是个人博客,我们的博客内容骨架几乎是很简单的:分类(标签)、归档、友链、关于等,这些就是基本内容了。我觉得如果内容继续扩充,几乎就不属于博客的范畴了。

对于这些内容删减就是对页面个数的精简。我从用户角度出发考虑,没人会关注博客太多的其他信息,入口一般就是文章,好的话会点点其他页面,大部分访问速度慢或不对口味的可能随时会关闭。轻量,是个人博客最大的优势。

之前,我挺喜欢Tailwind,因为这玩意用起来很爽,而且LLM也很喜欢Tailwind,配合Next.js、React,修改样式真是方便。而且Tailwind相关的库很多,各种各样有动画的、有UI美化的。随着我的依赖不断增加,引入的库也越来越多,可维护性也越来越低,最后我基本看不懂代码,连大模型修改代码都容易造成混乱。

直到某一天,我看着满屏幕的class有些倦意了。

我删除了Tailwind的库,连同依赖Tailwind的库也一并删除了。我引入一个新的CSS框架pico.css

Pico.css 是一个极简、语义化的 CSS 框架,核心理念是"Class-light"——尽可能使用原生 HTML 标签,减少类名的使用。整个框架仅使用不到 10 个 CSS 类,被誉为"强化版 reset.css"。

其最大的特点就是:直接为原生HTML元素,如 article button input 提供精美样式,无需堆砌class,编写干净的语义化HTML。

这样我的页面的HTML结构就是这样的了:

<body>
  <header>...</header>
  <main>...</main>
  <footer>...</footer>
</body>

而且,我借此机会砍掉了太多无用的结构代码,现在,几乎每个div我都知道它存在的意义,如果没有用绝对会删除。

样式的精简

我以前超喜欢动画效果,现在看腻歪了,感觉没有必要了。当然博客有个性是好的,但是光有个性没有内容就略显空虚了。对于追求个性的博主,仔细打造一个属于自己风格的博客样式还是挺重要的。我呢,突然觉得默认样式就行了,平平淡淡才是真。除了后来增加了明暗主题的切换、颜色的切换,就再也没有折腾的欲望了。前年这个时候,我还一口气做了好几个博客主题,可真是闲得慌。

最后

总之,一番折腾之后,突然就觉得轻松了不少,暂时不再折腾主题了,倦了。没了杂念,节约了时间,可以多看看书、多陪陪孩子了。

相关文章